import React from 'react';
import HomeLeft from '../../common/HomeLeft'
import {AdminContainer} from "./style";
import {Row, Col, Card} from "antd";
import ProBreadcrumb from '../../common/ProBreadcrumb';
import {renderRoutes} from 'react-router-config';

function Home(props: any) {
    const {route} = props;
    return (
        <AdminContainer>
            {
                true
                &&
                <div className='ProHeader'>
                    <h1>
                        NEW PBX
                    </h1>
                </div>
            }
            <div className='container'>
                <div className='nav-left'>
                    <HomeLeft/>
                </div>
                <div className='main'>
                    <ProBreadcrumb/>
                    {renderRoutes(route.routes)}
                </div>
            </div>
            {/*<Row className='container'>*/}
            {/*    <Col span="4" className='nav-left'>*/}
            {/*        <HomeLeft/>*/}
            {/*    </Col>*/}
            {/*    <Col span="24" className="main">*/}
            {/*        <ProBreadcrumb/>*/}
            {/*        {renderRoutes(route.routes)}*/}
            {/*    </Col>*/}
            {/*</Row>*/}
        </AdminContainer>

    )
}

export default React.memo(Home)